/* -- default css -- */

* {
	//border: 1px solid red;
}

body {
	font-family: Arial;
	font-size: 12px;
}

/* ------------------------------ header --------------------------------- */

header {
	background: #005387;
	margin: 0px;
	color: #FFF;
}

.btn-special {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
	width: 100px;
	color: #fff;
	background-color: #0084BA;	
	border-color: #357ebd;
	margin: 0px 5px;
}
.btn-special:focus,
.btn-special:active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn-special:hover {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
  text-decoration: none;
}


.btn-special:active,
.btn-special.active {
  color: #fff;
  text-decoration: none;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.serachBar {
	position: relative;
}

.dvContainer {
	width: 80%;
	margin-left: 15px;
	position: absolute;
	left: 0px;
	z-index: 5000;	
	background: #eaeaea;
	box-shadow: 0px 5px 50px #888888;
	max-height: 200px;
	overflow: auto;
}

.question-name {
	position: relative;
	padding: 10px 10px;
}

.question-name h3 {
	font-size: 18px;	
}

/* ------------------------------------- nav -------------------------------------- */
#nav {
	background: #0A3151;
	border-bottom: 4px solid #69B40F;
}

/* ------------------------------------ login and registration ----------------------- */

.login {
	margin: 10px 0px;
}

.loginLeft {
	border-right: 1px dotted #ccc;
}

#loginForm input[type=text], input[type=password], input[type=email] {

	margin: 10px 0px;
	width: 80%;
	
}

.personalInfo input {
	margin: 10px 0px;
}

#captcha {
	margin-left: -5px;
}

/* ------------------------------------ forgot password -------------------------- */

.forgetPassword {
	margin-top: 20px;	
}

/* ------------------------------------ tags ---------------------------------- */
.tags ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.tags ul li {
	display: inline;
}

.tags ul li a {
	padding: 3px 5px;
	margin: 2px 2px 2px 0px;
	line-height: 1.4;
	white-space: nowrap;
	background: #e0eaf1;
	text-decoration: none;
}

.tags ul li a:hover {
	background: #C4DAE9;
}

.tags tr {
	border-bottom: 1px dotted #E0E0E0;
}

.tags hr {
	margin-top: 0px;
}

.tags h3 {
	font-size: 13px;
	margin: 5px 0;
	color: #C4A2A2;
}

#tagfilter {
	margin: 10px 0px 20px 0px;;
}

.description {
	
	font-size: 12px;
	margin: 5px 0px;
}

.tag_dv {
	height: 120px;
	overflow: hidden;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}


.ui-widget {
	background: #eee;
	padding: 10px;
	cursor: pointer;
	width: 200px;
}
/* ---------------------------------------- users --------------------------------------------- */
.users ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.users ul li {
	display: inline;
}

.users ul li a {
	padding: 3px 5px;
	margin: 2px 2px 2px 0px;
	line-height: 1.4;
	white-space: nowrap;
	background: #e0eaf1;
	text-decoration: none;
}

.users ul li a:hover {
	background: #C4DAE9;
}

.users tr {
	border-bottom: 1px dotted #E0E0E0;
}

.users hr {
	margin-top: 0px;
}

.users h3 {
	font-size: 13px;
	margin: 5px 0;
	color: #C4A2A2;
}

#namefilter {
	margin: 10px 0px 20px 0px;;
}

.name_dv {
	height: 120px;
	overflow: hidden;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

#name_list img {
	width: 64px;
	height: 64px;	
}

#userRank {
	color: green;
	font-size: 18px;
	margin-left: 10px;
}

/* -----------------------------------------   question and answer -------------------------------- */
.question-summary {
	position: relative;
	border-bottom: 1px dotted #eaeaea;
	padding: 10px 10px;
	box-shadow: 0px 5px 50px #888888;
	margin-top: 40px;
}

.questions hr {
	margin: 0px;
}

.question-summary h3 {
	font-size: 18px;
}

.no_of_answers {
	color: #9a4444;
	margin-top: 20px;
}

.count {
	margin-left: 20px;
	vertical-align: middle;	
}

.count span {
	font-size: 160%;
	height: 25px;
}

.question_tags a {
	padding: 3px 5px;
	margin: 2px 2px 2px 0px;
	line-height: 1.4;
	background: #e0eaf1;
	text-decoration: none;
}

.question_tags a:hover {
	background: #C4DAE9;
	text-decoration: none;
}

.tags_posted {
	padding: 10px 0px;
}

.no-result {
	margin-top: 30px;
}
/* -------------------------------- ask question ------------------------ */
.submit_question {
	margin-top: 20px;
}

.titleDv {
	position: relative;
}

#dvTemplateContainer {
	position: absolute;
	left: 0px;
	z-index: 5000;
	width: 100%;
	background: #eaeaea;
	box-shadow: 0px 5px 50px #888888;
	max-height: 200px;
	overflow: auto;
}

.page-panel {
	margin-bottom: -30px;
}

/* ----------------------------------- answer ----------------------------------- */
.submit_answer {
	margin-top: 20px;
	display: none;
}

.answers hr {
	
	margin: 0px;
}

.answers .question-summary {
	box-shadow: 0px 5px 50px #888888;
}

.post_panel {
	
	margin-top: 20px;
}

.user_answer {
	margin-bottom: 50px;
}

/* ---------------------------------- profile -------------------------------------- */
.profile hr {
	margin: 0px;
}

.userDetails {
	margin-top: 20px;
}

.profile_info {
	
}

.profile_pic {
	width: 200px;
	height: 200px;
}

.profile_pic img {
	width: 100%;
	height: 100%;
}

.custom-nav-tabs {
	border-bottom: 1px solid #ddd;
}

.other_info-container hr {
	margin: 0px;
	margin-bottom: -30px;
}

#answerList hr {
	margin: 0px;
}

.other_info-container  .question-summary,  .answer-summary{
	box-shadow: 0px 5px 50px #888888;
	margin-top: 40px;
}

.answer-summary {
	padding: 10px 10px;
	position: relative;
	min-height: 125px;
}

.user_likes {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	width: 100%;
}

.user_answer p {
	margin-top: 20px;
}

.user_likes .glyphicon-thumbs-up, .user_likes .glyphicon-thumbs-down {
	font-size: 20px;
	margin-right: 5px;
}

#like {
	margin-right: 5px;
}

.user_likes .glyphicon-thumbs-up, #like {
	color: #28E84E;
}

.user_likes .glyphicon-thumbs-up:hover , #like:hover {
	color: #24CD46
}

.user_likes .glyphicon-thumbs-down, #dislike {
	color: #F52516;
}

.user_likes .glyphicon-thumbs-down:hover, #dislike:hover {
	color: #D82518
}

.no-of-likes, .no-of-dislikes {
	font-size: 24px
}

.posting_time, .user_rank {
	font-size: 125%;
}

.user_likes {
	background: url(../resources/images/prod_bg_hover.png) repeat;
}

/* ----------------------------------------- autocomplete --------------------------------- */

.remove {
	float: right;
	cursor: pointer;
	z-index: 6000;
	text-decoration: none;
}